<template>
  <div>
    <h1>Avatars（头像）</h1>
    <p>
      v-avatar 组件通常用于显示循环用户个人资料图片。
      此组件将允许您动态尺寸并添加响应图像、图标和文字的边框半径。 ** tile **
      变量可用来显示无边框半径的头像。
    </p>
    <br />
    <h3>属性</h3>
    <ul class="font-weight-bold">
      <li>rounded : 圆角头像</li>
      <li>tile : 方形头像</li>
    </ul>
    <br />
    <h3>示例</h3>
    <div class="d-flex justify-center">
      <v-avatar size="60" dark class="primary">
        <img :src="require('../assets/logo.png')" alt="alt" />
      </v-avatar>
    </div>
  </div>
</template>

<script>
export default {};
</script>